<div class="figure-wrapper">
  <figure
      aria-label="Three fabs with edit icons next to each other but the first is primary colored, second is secondary, and the last is tertiary colored."
      style="padding-block: 16px;gap: 16px;display: flex;">
    <md-fab variant="primary" aria-label="Edit">
      <md-icon slot="icon">edit</md-icon>
    </md-fab>
    <md-fab variant="secondary" aria-label="Edit">
      <md-icon slot="icon">edit</md-icon>
    </md-fab>
    <md-fab variant="tertiary" aria-label="Edit">
      <md-icon slot="icon">edit</md-icon>
    </md-fab>
  </figure>
</div>